#container { /*margin: 10px;*/ overflow: hidden; }
.relativeContainer { position: relative; width: 899px; height: 417px; overflow: hidden; border-right:1px solid #cdcdcd; /*border: 1px solid green;*/ }

/*td { background-color: white; padding: 2px; }*/

.fixedTB { position: absolute; left: 0px; top: 0px; z-index: 11;  }

.leftContainer { position: absolute; left: 0px; top: 32px; height: 386px; overflow: hidden;  }

.rightContainer { position: absolute; left: 210px; top: 0px; width: 690px; overflow: hidden; }

.leftSBWrapper { position: relative; left: 0px; top: 0px; z-index: 10; }
.topSBWrapper { position: relative; left: 0px; top: 0px; z-index: 10; }

.sBWrapper { width: 690px; height: 386px; overflow: auto; }

/*-----------Left top fix TB---------------*/
.fixedTB {
	height:32px;
	background:#f7f7f7;
	border-left:1px solid #cdcdcd;
}
.fixedTB td {
	border:none;
}
.fixedTB .scrollTable {
	width:209px;
}
.fixedTB .scrollTable {	
	background:#f7f7f7;
}

.fixedTB .scrollTable td {	
	border-top:1px solid #cdcdcd;
}

.fixedTB .scrollTable td:first-child {	
	width:35px;
}

.fixedTB td {
	height:22px;
	line-height:22px;
	padding:4px;
	border-bottom:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;
}


.scrollTable .rollName table {
	width:100%;
	border:none;
}
.scrollTable .rollName table  td{
	border:none;
	padding:4px;
	height:26px;
	line-height:26px;
}
.fixedTB .scrollTable .rollName table  td{
	padding-top:16px;
	padding-bottom:16px;
}
.scrollTable .rollName table  td:first-child{
	border-right:1px solid #cdcdcd;
	width:35px;
	text-align:center;
}
.scrollTable .rollName {
	padding:0;
	font-size:10px;
	font-weight:bold;
	color:#958895;
}


/*-------------Top container TB---------------*/
.topSBWrapper .scrollTable {	
	background:#f7f7f7;
	border-bottom:1px solid #cdcdcd;
}

.topSBWrapper .scrollTable td {	
	border-top:1px solid #cdcdcd;
}

.topSBWrapper .scrollTable td span { display:block; width:180px; }

.topCaps {
	font-weight:bold;
}

/*-------------Both Top Right container Tables---------------*/
.rightContainer td {
	height:22px;
	line-height:22px;
	padding:4px;
	border-bottom:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;
} 


/*-------------Left container TB---------------*/
.leftSBWrapper td {
	height:30px;
	border-bottom:1px solid #cdcdcd;
}
.leftSBWrapper {
	border-right:1px solid #cdcdcd;
	border-left:1px solid #cdcdcd;
}
.leftSBWrapper .scrollTable {
	width:208px;
}

/*-------------Right container TB---------------*/
.sBWrapper .scrollTable td{
	border-bottom:1px solid #cdcdcd;
}

.sBWrapper .scrollTable td div { width:180px; }

.rightContainer .scrollTable {
	width:876px;
}

/*-------------Final Grade---------------*/
.scrollTable .finalGrade table {
	width:100%;
	border:none;
}
.scrollTable .finalGrade table  td{
	border:none;
	padding:10px 5px;
	height:auto;
	text-align:center;
}
.scrollTable .finalGrade table  td:first-child{
	border-right:1px solid #cdcdcd;
}
.scrollTable .finalGrade {
	padding:4px;
	font-size:10px;
	font-weight:bold;
	color:#958895;

}

